<template>
  <div style="display: float">
    <p class="text_left">
      <a-icon type="monitor" class="text_left" />正在检测 -
      <span class="state">停止</span>
    </p>
    <div class="text_right">
      <a-dropdown>
        <a class="set"> 一号车间 <a-icon type="down" /> </a>
        <a-menu slot="overlay" class="menu">
          <a-menu-item> 车间1 </a-menu-item>
          <a-menu-item> 车间2 </a-menu-item>
        </a-menu>
      </a-dropdown>
      <p class="set">检测对象设置</p>
      <p class="set">人员管理</p>
      <p class="set">显示设置</p>
      <p class="set">算法设置</p>
      <p class="set">警告设置</p>
    </div>
  </div>
</template>
<style >
.set {
  border-radius: 15px;
  border: 1px solid #1af7ff;
  margin: auto 5px;
  padding: 0 15px;
  height: 28px;
  color: #1af7ff;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  color: #ffffff !important;
  font-size: 12px;
  text-align: center;
}
.ant-dropdown-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.menu {
  background-color: #142766 !important;
  border: 1px solid #1af7ff !important;
  border-radius: 0px !important;
}

.text_left {
  margin-left: 10px;
  margin-right: 5px;
  font-size: 16px;
  float: left;
  color: #ffffff;
  font-size: 16px;
}
.state {
  color: #1af7ff;
}
.text_right {
  float: right;
  display: flex;
  font-size: 16px;
  color: #1af7ff;
  margin-right: 30px;
}
</style>
